#left_nav {

  // 菜单收缩栏样式(关闭时)
  .el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
    min-height: 400px;

  }

  .livingGif {

    .span {
      background: #fff !important;
    }

  }

  .bg {
    background-color: rgba(255, 255, 255, .6) !important;
  }

  .el-menu {
    .el-menu-item:hover {
      color: #ff924b !important;
    }

    .is-active:hover {
      color: #fd7f2c !important;
    }
  }

  .sele {
    width: 188px;
    box-sizing: border-box;
    background: #1e2232 !important;
    padding-left: 20px;
    position: relative;
    left: -20px;
  }

}

#my_header {
  .loading {
    width: 404px;
    height: 140px;
    position: absolute;
    left: 194px;
    top: 60px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(181, 181, 181, 0.3);
  }
  .open_loading{
    left: 320px !important;
  }

  .el-loading-mask .el-loading-spinner i {
    margin-bottom: 0 !important;
  }
}

#live1 {

  // 视频
  .video-js .vjs-tech {
    position: static !important;


  }

  .rightbox .el-tooltip {
    position: absolute;
    left: 110px;
    top: 10px;
  }

  .video-js {
    border-radius: 20px !important;
    background: #fff !important;

    .vjs-tech {
      border-radius: 20px !important;
    }
  }

  .vjs-tech {
    border-radius: 20px !important;
  }

  .el-tabs .el-tabs__header {
    padding: 0;
  }

  .el-tabs__nav {
    background-color: rgba(107, 134, 220, .3);
    border-radius: 6px;
  }

  .el-tabs__content {
    overflow: visible;
  }

  #tab-first {

    width: 90px !important;
    height: 32px !important;
    // background: transparent;
    border-radius: 6px;
    font-size: 14px;
    line-height: 32px;
    color: #c3cadf;
    text-align: center;
    padding: 0;
    font-weight: 400;


  }

  .el-tabs__header {
    margin-bottom: 12px;
  }

  #tab-second {
    width: 140px !important;
    height: 32px !important;
    // background: transparent;
    border-radius: 6px;
    font-size: 14px;
    line-height: 32px;
    color: #c3cadf;
    text-align: center;
    padding: 0;
    font-weight: 400;


  }

  .el-tabs .el-tabs__active-bar {
    background-color: none;
    width: 0;
    height: 0;
  }

  .el-tabs__item.is-active {
    width: 90px !important;
    height: 32px !important;
    color: #fff !important;
    background-color: #fd7f2c !important;
    border-radius: 6px;
  }
}

#liveMonitorCon,#accountMonitorCon,
#details {

  .el-date-editor--datetimerange.el-input,
  .el-date-editor--datetimerange.el-input__inner {
    width: 370px;
    height: 40px;
    margin-top: 15px;
  }

  .el-range-editor.is-active,
  .el-range-editor.is-active:hover {
    border-color: #e5e5e5;
  }

  .el-switch__core {

    // background-color: #ffffff !important;
    border: solid 1px #e5e5e5 !important;
  }

  .el-switch__core:after {
    border: solid 1px #e5e5e5 !important;
    top: 0;
    //  left: 1px;
  }
}

.el-date-range-picker {
  z-index: 9999999 !important;

  // top: 410px !important;
}

#liveMonitorCon,#accountMonitorCon {
  #radio_group01 {
    .radio_item {
      border-left:none ;
      &:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
      }
      &:first-child {
        border-left: 1px solid #e5e5e5;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
      }
      
    }
    
  }

  .el-button:hover {
    color: #ff924b !important;
    border-color: #ff924b !important;
    background-color: #fff !important;
  }

  .el-button--primary:hover {
    background-color: #ff924b !important;
    color: #fff !important;
  }

  .el-button--primary {
    width: 120px;
    height: 44px;
    background-color: #fd7f2c;
    border-color: #fd7f2c;
    font-size: 14px;
    border-radius: 4px;
    position: relative;
  }

  .color {
    width: 120px;
    // height: 34px;
    border-radius: 4px;
    border: solid 1px #fd7f2c;
    font-size: 14px;
    letter-spacing: 0px;
    color: #fd7f2c;
  }

  .el-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0 !important;
  }

  .ul {
    .el-dialog__headerbtn {
      background: none !important;
      position: absolute;
    }



    .el-dialog {
      width: 400px !important;
      // height: 290px;
      padding-bottom: 30px;
      background-color: #ffffff;
      text-align: center;
      padding-top: 30px;
      box-sizing: border-box;
      border-radius: 4px;
      border: none !important;
      outline: none !important;
      box-shadow: none !important;

      .el-dialog__body {
        .p1 {
          font-size: 16px;
          font-weight: 600;
          letter-spacing: 1px;
          color: #222222;

        }

        .p2 {
          font-size: 14px;
          text-align: center;
          letter-spacing: 0px;
          color: #555555;
          padding-top: 10px;

          span {
            color: #fd7f2c;
          }
        }

        >span {

          display: block;
          font-size: 16px;
          letter-spacing: 0px;
          color: #555555;
          padding-top: 20px;
        }

        .span {
          padding-top: 25px !important;
          padding-bottom: 10px;
        }

      }

      .span1 {
        padding-bottom: 0px !important;
      }

      .el-dialog__footer {
        padding: 0px !important;
        padding-top: 30px !important;
        text-align: center !important;

        button {
          width: 100px;
          height: 34px;
          text-align: center;
          display: inline-block;
          line-height: 34px;
          padding: 0 !important;
        }
      }
    }
  }

  .talentPopupList {
    .el-dialog__wrapper {
      overflow: hidden;
    }

    .el-dialog {
      width: 1050px;

      background-color: #ffffff;
      border-radius: 4px;
    }

    .complete {
      position: relative;
      text-indent: 9px;
    }

    .complete::after {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      width: 4px;
      height: 16px;
      background-color: #fd7f2c;
      border-radius: 2px;
    }

    ul {
      height: 467px;
      margin-bottom: 15px;

      .first {
        height: 85px;
        display: flex;
        padding-top: 20px;
        justify-content: space-between;

        .logo {
          width: 50px;
          height: 50px;
          background-color: #ffffff;
          border-radius: 50%;
          overflow: hidden;
          cursor: pointer;
          margin-top: 2px;

          >img {
            width: 100%;
            height: 100%;
          }
        }

        >div {
          &:nth-child(2) {
            flex: 1;
            margin-left: 10px;

            >p {
              font-size: 14px;
              letter-spacing: 0px;
              cursor: pointer;
              color: #888888;


              text-align: left;

              &:nth-child(1) {
                padding-top: 7px;
                font-size: 14px;
                font-weight: 600;
                letter-spacing: 0px;
                color: #222222;
                margin-bottom: 3px;


                &:hover {
                  color: #ff924b !important;
                }
              }
            }
          }

          &:nth-child(3) {
            text-align: right;
            // width: 118px;
            font-size: 14px;
            letter-spacing: 1px;
            color: #888888;
            padding-top: 30px;

          }
        }

      }



      .rest {
        height: 78px;
        display: flex;

        &:hover {
          background: #fffaf7;
        }

        .sonLogo {
          position: relative;
          width: 50px;
          height: 50px;
          background-color: #fd7f2c;
          border-radius: 6px;
          overflow: hidden;
          align-self: center;
          margin-right: 10px;
          cursor: pointer;

          .livingGif1 {
            position: absolute;
            bottom: 0px;
            right: 0px;
            width: 18px;
            height: 18px;
            background-image: -webkit-gradient(linear,
                left top,
                right top,
                color-stop(1%, #ff295d),
                to(#fa4fa2)),
              -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
            background-image: linear-gradient(90deg, #ff295d 1%, #fa4fa2),
              linear-gradient(#fff, #fff);
            background-blend-mode: normal, normal;
            border-radius: 4px;
            font-size: 12px;
            color: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-left: 2px;
          }

          img {
            width: 100%;
            height: 100%;
          }
        }

        .sonListInfo {
          // padding-top: 31px;
          // margin-right: 200px;
          // width: 500px;
          align-self: center;
          flex: 1;
          text-align: left;

          >p {
            font-size: 14px;
            color: #888888;

            &:nth-child(1) {
              font-size: 14px;
              font-weight: 600;
              letter-spacing: 0px;
              color: #222222;
              cursor: pointer;
              margin-bottom: 3px;
            }

            &:nth-child(1):hover {
              color: #ff924b;
            }
          }
        }

        .pu {
          // height: 40px;
          width: 7%;
          align-self: center;
          margin-right: 75px;
          text-align: center;
          white-space: nowrap;

          p {
            &:nth-child(1) {
              font-family: DINAlternate-Bold;
              font-size: 16px;
              letter-spacing: 0px;
              color: #222222;
            }

            &:nth-child(2) {
              font-size: 12px;
              letter-spacing: 0px;
              color: #888888;
            }
          }
        }
      }
    }
  }

  .pageBox {
    width: 100%;
    height: 46px;
    background-color: #fff;

    // margin-top: 20px;
    position: relative;
    margin-bottom: 20px;


    .el-pagination {
      position: absolute;
      left: 50%;
      top: 16%;
      transform: translate(-50%, 0)
    }

    .el-pagination.is-background .el-pager li {
      border: 1px solid #e5e5e5;
      background-color: #ffffff;
    }

    .el-pagination.is-background .el-pager li:not(.disabled).active {
      background-color: #ff924b !important;
      border: none;
      color: #fff !important;
    }

    .el-pagination.is-background .btn-next,
    .el-pagination.is-background .btn-prev {
      background-color: #ffffff;
      border: 1px solid #e5e5e5;
    }
  }
}

.el-message {
  min-width: 30px !important;
}

#accountMonitorCon {
  #radio_group01 {
    .radio_item {
      margin-left: 0;
      border-radius: 0;
      // &:nth-child(1) {
      //   border-top-right-radius: 0;
      //   border-bottom-right-radius: 0;
      // }

      // &:nth-child(2) {
      //   border-top-left-radius: 0;
      //   border-bottom-left-radius: 0;
      // }
    }
  }

  .el-button:hover {
    color: #ff924b !important;
    border-color: #ff924b !important;
    background-color: #fff !important;
  }

  .el-button--primary:hover {
    background-color: #ff924b !important;
    color: #fff !important;
  }

  .contrast {
    .el-dialog__headerbtn {
      background: none !important;
    }

    .el-dialog {
      text-align: center;
      width: 400px;
      margin-top: 0 !important;
      // height: 230px;
      background-color: #ffffff;
      border-radius: 4px;
      box-sizing: border-box;
      box-shadow: none;
      padding-top: 30px;
      padding-bottom: 20px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);

      .p1 {

        text-align: center;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 1px;
        color: #222222;
        margin-bottom: 30px;
      }

      .isTips {
        font-size: 14px;
        letter-spacing: 0px;
        color: #555555;

      }

      .el-dialog__footer {
        text-align: center;
        margin-top: 30px;
      }

      .butTips {
        width: 100px;
        height: 34px;
        background-color: #fd7f2c;
        border-radius: 4px;
        color: #fff;
        border: solid 1px #fd7f2c;
        font-size: 16px;
        line-height: 34px;
        padding: 0 !important;
        font-size: 14px;
      }

      .color {
        width: 100px;
        height: 34px;
        border-radius: 4px;
        border: solid 1px #fd7f2c;
        font-size: 16px;
        letter-spacing: 0px;
        color: #fd7f2c;
        line-height: 34px;
        padding: 0 !important;
        font-size: 14px;
      }
    }
  }

  .talentPopupList {
    .el-dialog {
      width: 572px;
      // height: 591px;
      background-color: #ffffff;
      text-align: center;
      box-sizing: border-box;
      // margin-top: 38vh !important;
      margin: 0 !important;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);

    }

    .accountDiolog {
      border-radius: 4px;
      padding: 20px 20px;

      .info {
        flex: 1;

        &:nth-child(2) {
          text-align: left;
          margin-top: 5px;

          .name {

            margin-bottom: 3px;
            font-size: 14px;
            font-weight: 600;
            color: #222222;
            max-width: 210px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }

          .tiktok {
            font-size: 14px;
            letter-spacing: 0px;
            color: #888888;
            max-width: 210px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }

          .brief {
            max-width: 210px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px;
            letter-spacing: 0px;
            color: #888888;
          }
        }
      }

      .disabled {
        cursor: no-drop !important;
      }

      .loading {
        position: absolute;
        top: 100px;
        left: 0;
      }

      .empty {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);

      }

      .searchResult {
        position: relative;

        .borderColor {
          border-color: #fd7f2c !important;
        }



        li {
          justify-content: space-between;
          margin-bottom: 15px;
          cursor: pointer;



          >div {
            &:nth-child(3) {
              overflow: hidden;
              width: 16px;
              height: 16px;
              align-self: center;

              margin-top: -14px;

              >img {
                vertical-align: top;
                width: 100%;
                height: 100%;
                border-radius: 50%;
              }
            }
          }
        }
      }

      .accFrequency {
        font-size: 12px;
        line-height: 26px;
        margin: auto;
        width: 370px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 18px;
        letter-spacing: 0px;
        color: #222222;
        background: #fafafa;

        span {
          color: #fd7f2c;
        }


      }

      .startButton {
        margin-top: 28px;
        width: 258px;
        height: 46px;
        font-size: 14px;
        line-height: 46px;
        background-color: #fd7f2c;
        border-radius: 4px;
        color: #fff;
      }
    }

  }
}

#hotTopic,
#hotMusic {

  .rightBox-content {

    .radio_wrap {
      .radio_item{
        margin-left: 0px;
        border-left: 0px;
        border-radius: 0;
        &:first-child{
          margin-left: 0px;
          border-left: 1px solid #e5e5e5;
          border-radius: 4px 0 0 4px;
        }
        &:last-child {
          margin-left: 0px;
          border-left: 0px;
          border-radius: 0 4px 4px 0;
        }
      }
    
    }
  }

}

// 详情
#goodsDetailsMain ,
.viedeDetails_main,
.topicDetailsMainL,.shopDetails{
  .el-tabs__content {
    height: 100%;
  }

  .searchBox {
    .el-input__inner {
      border: none;
      color: #222 !important;
    }

  }

  .el-range-editor.el-input__inner {

    background: #ffffff;
  }

  .long_time .el-range-input {
    background-color: #fff !important;
  
  }

}

#dataOverview {


  .check {
    .el-checkbox__label {
      font-size: 14px;
      color: #555555;
    }
  }


}

// 分页
#goodsDetailsMain,.viedeDetails_main,.dataInfoL,
.shopDetails {
  .styh100 {
    height: 100%;
  }

  .dialogEg {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;

    >img {
      margin: auto;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      filter: blur(6px);
    }

    .pay_vip {
      align-self: center;
    }
  }

  #dataOverview,
  #liveDetails,
  #videoDetails,
  .talent_details_box {
    // .pageBox {
    //   // margin-bottom: 60px;
    // }

    .page_box {
      margin-bottom: 0 !important;
    }
  }

  .pageBox {
    width: 100%;
    height: 46px;
    background-color: #fff;

    margin-top: 20px !important;
    position: relative;
    // padding-bottom: 20px !important;

    .el-pager li:not(.disabled):hover {
      color: #ff924b !important;
  }
    .el-pagination {
      position: absolute;
      left: 50%;
      top: 16%;
      transform: translate(-50%, 0)
    }

    .el-pagination.is-background .el-pager li {
      border: 1px solid #e5e5e5;
      background-color: #ffffff;
    }

    .el-pagination.is-background .el-pager li:not(.disabled).active {
      background-color: #fd7f2c !important;
      border: none;
      color: #fff !important;
    }

    .el-pagination.is-background .btn-next,
    .el-pagination.is-background .btn-prev {
      background-color: #ffffff;
      border: 1px solid #e5e5e5;
    }
  }
}

#videoDetails {
  .el-dialog__body {
    padding: 30px 20px !important;
  }
}

.talent_details_box,.TalentAnalysisShop {
  #radio_group .title {
    margin-right: 36px !important;
  }

  .cg_items1 {
    #radio_group {

      .title {
        margin-right: 22px !important;
      }

    }
  }

}
.goodsAnalysis{
  .el-dialog  {
    width: 1100px;
    min-height: 549px;
    background-color: #ffffff;
    border-radius: 4px;
  }
}
.viedeDetails_main {
  .el-pager li:not(.disabled):hover {
    color: #ff924b !important;
}
}

